<template>
  <div class="order">
    <div class="title">
      <van-icon name="checked" class="wechaticon" /> 订单支付成功!
    </div>
    <div class="des">我们会尽快完成发货</div>
    <div class="btnbox">
      <router-link to="/"
        ><van-button type="success" class="btn"
          >返回首页</van-button
        ></router-link
      >
      <router-link to="/myorder"
        ><van-button class="btn">查看订单</van-button></router-link
      >
    </div>
  </div>
</template>

<script setup lang="ts"></script>
<script lang="ts">
export default {
  name: "oderSuccess",
};
</script>

<style scoped lang="scss">
.order {
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 80px 30px;
  background-color: #fff;
  
  .title {
    text-align: center;
    // margin: 20px auto;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    .wechaticon {
      color: #20d123;
      vertical-align: center;
      font-size: 24px;
    }
  }
  .des {
    font-size: 14px;
    color: #403e3e;
    text-align: center;
    margin-top: 50px;
  }
  .btnbox {
    margin-top: 80px;
    text-align: center;
    .btn {
      height: unset;
      padding: 8px 20px;
      margin: 0 15px;
    }
  }
}
</style>
